import React from 'react';

const NotFound = () => {
    return (
        <div className="flex items-center justify-center h-screen bg-gray-100">
            <div className="bg-white p-8 rounded-lg shadow-xl text-center max-w-md w-full">
                <h1 className="text-6xl font-extrabold text-red-600">404</h1>
                <p className="text-xl text-gray-500 mt-4">抱歉，页面未找到</p>
                <a 
                    href="/" 
                    className="mt-6 inline-block px-6 py-3 text-lg font-semibold text-white bg-blue-500 rounded-lg hover:bg-blue-600 transition duration-300"
                >
                    返回首页
                </a>
            </div>
        </div>
    );
}

export default NotFound;
